

<template>
  <div class="home">
<!--    <el-row style="width: 100%; font-weight: bold; top: 10px;" :gutter="10" :sm="24" :lg="24" type="flex">
      <el-col :xs="18" :sm="18">
        <div class="chart-wrapper">
          <bar-chart />
        </div>
      </el-col>
      <el-col :xs="6" :sm="6"></el-col>
    </el-row>-->
    <el-col :span="12" class="card-box">
      <el-card>
        <div slot="header"><span>新片统计</span></div>
        <div class="el-table el-table--enable-row-hover el-table--medium">
          <div ref="filmStat" style="height: 420px" />
        </div>
      </el-card>
    </el-col>
  </div>
</template>


<style scoped lang="scss">
html,body{
  height: 100%;
  width: 100%;
}
.home{
  width: 100%;
  height: 100%;
  position: absolute;
  //background: #00afff;
  background-image: url("../assets/images/idx.jpg");
  background-size: cover;
}
</style>
<script>
import echarts from "echarts";
import { listFilmInfo} from "@/api/film/filmInfo";

export default {
  name: "FilmInfo",
  dicts: ['flm_status'],
  data() {
    return{
      filmStat: null,
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        name: null,
        showTime: null,
        score: null,
        status: null,
      },
    }

  },
  created() {
    this.getList();
  },
  methods: {
    getList() {
      this.loading = true;
      this.queryParams.params = {};
      if (null != this.daterangeShowTime && '' != this.daterangeShowTime) {
        this.queryParams.params["beginShowTime"] = this.daterangeShowTime[0];
        this.queryParams.params["endShowTime"] = this.daterangeShowTime[1];
      }
      listFilmInfo(this.queryParams).then(response => {
        this.filmInfoList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
  },
}
</script>

